﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - My ASP.NET Application</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    <style>
        html, body {
            height: 100%;
            padding-bottom: 0px;
        }
        #body{
            min-height:650px;
        }
        .morecontact div ul{
            padding-left: 0;
        } 
        .validation-summary-errors {
            color: red;
        }
        .infotable tr td:nth-child(1) {
            width: 25%;
            text-align: right;
            padding-right: 10px;
            font-weight: bold;
        }
        .mincon{
            padding-top: 10px;
        } 
        .roundborder {
            border: 2px solid;
            border-radius: 25px;
            padding: 5px;
        }
        .custom-modal-content {
            width: 900px;
            margin-left: -150px;
        }
        .custom-modal-body {
            min-height: 350px;
        }
        .table{
            margin-bottom: 0;
        }
        textarea {
            min-width: 100%;
        }
        select {
            max-width: 100%;
        }
        input {
            max-width: 100%;
        }
        .infotable > tbody > tr > td {
            border: none;
        }
        #footer {           
            position: relative;
            bottom:0 ;
            margin-bottom: 0;
            background-color: #e7e7e7;
            padding-top: 10px;
            height: 60px;
            margin-top: 10px;
        }
        div#footer p{
            margin: 0 ;
        }
        .right p{
            float:right;
            clear:both;
        }
        /* Custom scroll bar */
        ::-webkit-scrollbar {
            width: 6px;
        }

        ::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }

        ::-webkit-scrollbar-thumb {
            -webkit-border-radius: 10px;
            border-radius: 10px;
            /*background: rgba(255,0,0,0.8);*/
            background: #e7e7e7;
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
        }

            ::-webkit-scrollbar-thumb:window-inactive {
                /*background: rgba(255,0,0,0.4);*/
                background: #e6e6e6;
            }
    </style>
    <script src="~/Scripts/jquery-2.1.0.js"></script>
    <script src="~/Scripts/knockout-3.1.0.js"></script>
    <script src="~/Scripts/q.js"></script>
    <script src="~/Scripts/breeze.min.js"></script>
    <script src="~/Scripts/moment.js"></script>
    <link href="~/Content/datepicker.css" rel="stylesheet" />
    
    <script src="~/Scripts/Breezejs/viewModel.js"></script>

    

    

</head>
<body>
    <div class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <div style="width:60px;height:50px;">
                    <a href="/">
                        <img style="width:100%;height:100%" src="~/Content/logo.gif" />
                    </a>
                </div>
            </div>
            <div class="navbar-collapse collapse">
                <ul id="menu" class="nav navbar-nav"></ul>
                @Html.Partial("_LoginPartial")
            </div>
        </div>
    </div>
    <div id="body" >
        <div class="container body-content">
            @RenderBody()

            
        </div>
        
        
    </div>
    <div id="footer" class="footer">
        <div class="container">
            <div class="col-md-6">
                <p>5th Floor, Quang Trung Building - 97 - 100 Nguyen Cong Tru Street, District 1, Ho Chi Minh City, Vietnam</p>
                <p>Tel: (84 8) 6 xxx xxxx - Fax: (84 8) 6 xxx xxxx</p>
            </div>
            <div class="col-md-6 right">

                <p>
                    <a href="#">Home</a>
                    <span>|</span>
                    <a href="#">About</a>
                </p>
                <p> &copy; 2014 <a href="http://www.idte.org">IDTE</a>. All rights reserved</p>

            </div>
        </div>
    </div>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)
</body>
</html>
